@charset "UTF-8";
@import "common/_common";

.personal_content_all {
  .personal_content {
    padding-bottom: 40px;
    .edge_navigation {
      float: left;
      padding: 36px 0;
      width: 234px;
      background-color: #ffffff;
      .edge_navigation_div {
        margin-bottom: 12px;
        h3 {
          margin: 0 48px 2px;
          font-size: 16px;
          font-weight: 400;
          line-height: 52px;
          color: #333;
        }
        .navigation_list {
          ul {
            li {
              padding: 6px 48px;
              a {
                color: #757575;
                font-size: 13px;
                &:hover {
                  color: #424242;
                }
                &.active {
                  color: #f56600;
                }
              }
            }
          }
        }
      }
    }
    .detail_info_all{
      width: 978px;
      float: left;
      margin-left: 14px;
      min-height: 1px;
      background-color: #fff;
      position: relative;
      .details_info {
        margin: 50px 48px;
        .user_img {
          display: inline-block;
          vertical-align: middle;
          width: 150px;
          height: 150px;
          border-radius: 50%;
          overflow: hidden;
          img {
            width: 100%;
          }
        }
        .user_info {
          width: 302px;
          display: inline-block;
          vertical-align: middle;
          h2 {
            margin: 0;
            font-size: 24px;
            font-weight: 400;
            color: #616161
          }
          p.tip {
            margin: 0 0 10px;
            color: #b0b0b0;
          }
          a {
            font-size: 12px;
            color: #ff6700;
          }
        }
        .user_action {
          display: inline-block;
          vertical-align: middle;
          ul {
            li {
              font-size:13px;
              position: relative;
              padding: 6px 0;
              color: #757575;
              span.safe {
                color: #f56600;
              }
            }
          }
        }
        button.binding {
          width: 118px;
          height: 28px;
          font-size: 12px;
          line-height: 28px;
          background: #ff6700;
          border-color: #ff6700;
          color: #fff;
          display:inline-block;
          vertical-align: bottom;
          margin-bottom:34px;
          margin-left: 40px;
        }
        .order {
          ul {
            li {
              float: left;
              width: 50%;
              padding:50px 0;
              .order_img {
                display: inline-block;
                vertical-align:middle;
                width: 100px;
                height:100px;
                border-radius:50%;
                overflow: hidden;
                img {
                  width:100%;
                }
              }
              .order_info {
                display: inline-block;
                vertical-align:middle;
                h3 {
                  margin: 0;
                  font-size: 18px;
                  font-weight: 400;
                  color: #757575;
                }
                a {
                  color: #757575;
                  font-size:13px;
                  &:hover {
                    color: #f56600;
                  }
                }
              }
            }

          }

        }
        &:not(:first-child) {
          border-top: 1px solid #e0e0e0
        }
      }
    }
  }
}
